<template>
  <div id="app">
    <div class="content">

      <keep-alive>
        <!-- 需要缓存的视图组件 -->
        <router-view v-if="$route.meta.keepAlive">
        </router-view>
      </keep-alive>
      <!-- 不需要缓存的视图组件 -->
      <router-view v-if="!$route.meta.keepAlive" />
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      pathArr: ['/workOrder', '/assignment']
    }
  }
}
</script>
<style>
.el-form {
  display: flex;
  flex-wrap: wrap;
}
.el-form .el-form-item {
  margin-bottom: 5px!important;
}
.clasBtn {
  width: 150px;
  font-size: 20px!important;
  font-weight: bold!important;
}
</style>
<style scoped lang="scss">
.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
</style>
